<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>活动产品</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css"/>

    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/productManager/productActivityForm.css"/>

</head>
<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-sm-12">
            <div class="card" style="overflow: auto;padding-bottom: 30px;">
                <div class="card-header">
                    <h1>活动列表</h1>
                </div>
                <div class="card-body" style="display: flex;flex-flow: row nowrap;">
                    <form class="col-sm-12" style="display: flex;flex-flow: row nowrap;">
                        <!--<div class="form-group col-sm-6" style="display: flex;align-items: center;">
                            &lt;!&ndash; 时间、名称 &ndash;&gt;
                            <label class="col-sm-2 control-label" style="width: 100px;">活动时间</label>
                            <input type="text" id="activityDate" class="form-control col-sm-3" autocomplete="off"/>
                        </div>-->
                        <div class="form-group col-sm-6" style="display: flex;align-items: center;">
                            <label class="col-sm-2 control-label" for="productActivityName"
                                   style="width: 100px;">活动名称</label>
                            <input class="col-sm-3 form-control" type="text" id="productActivityName"
                                   name="productActivityName" autocomplete="off"/>
                        </div>
                    </form>
                    <div style="display: flex;">
                        <div class="btn btn-primary"
                             style="margin-right: 30px;height: 38px;display: flex;align-items: center;justify-content: center;"
                             onclick="searchProductActivityTable()">搜索
                        </div>
                        <div class="btn btn-primary"
                             style="height: 38px;display: flex;justify-content: center;align-items: center;"
                             onclick="addCustomerProductActivity()">新增
                        </div>
                    </div>
                </div>
                <!--活动列表表格-->
                <div style="padding: 0 30px;">
                    <table id="customerProductActivityTableList"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 活动详细弹层 -->
<div class="modal fade" tabindex="-1" role="dialog" id="detailContent">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h4 id="activityNamePop"></h4>
                <div style="display: flex;">
                    <!-- 活动时间 -->
                    <div class="item-box">
                        <div class="lable-pop">活动时间：</div>
                        <div id="activityPeriodValidityStart"></div>&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp;<div
                            id="activityPeriodValidityEnd"></div>
                    </div>
                    <!-- 活动起止价格 -->
                    <div class="item-box">
                        <div class="lable-pop">活动起止价格：</div>
                        <div id="startPrice"></div>&nbsp;&nbsp;-&nbsp;&nbsp;<div id="endPrice"></div>
                    </div>
                    <!-- 活动价 -->
                    <div class="item-box">
                        <div class="lable-pop">活动价：</div>
                        <div id="activityPrice"></div>
                    </div>
                    <!-- 兑换方式 -->
                    <div class="item-box">
                        <div class="lable-pop">兑换方式：</div>
                        <div id="exchangeMethod"></div>
                    </div>
                </div>
                <!-- 产品信息 -->
                <div style="display: flex;line-height: 40px;">
                    <div class="lable-pop">相关产品：</div>
                    <div id="relateProduct"></div>
                </div>
            </div>
            <div style="width: 100%;display: flex;justify-content: center;margin-bottom: 20px;">
                <div class="btn btn-primary" data-dismiss="modal">确定</div>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>

<script type="text/javascript" src="/js/bootstrap-notify.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/crm/common/lightyear.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>

<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<script src="/js/crm/contractManager/activityProduct.js"></script>
</html>